<template>
    <div class="table">
		<component @changeType="changeType" :is="tableType==1?UnregisteredTable:Table"></component>
    </div>
    <div class="charts">

    </div>
</template>
<script setup>
import {ref} from 'vue'
import{useRouter, onBeforeRouteUpdate, onBeforeRouteLeave} from 'vue-router'
import UnregisteredTable from '../../components/AdministrateUnregisteredTeacherTable.vue'
import Operation from '../../components/Operation.vue';
import Table from '../../components/AdministrateTeacher.vue'
const tableType = ref(2)

const changeType=function(type){
    console.log(type);
    tableType.value = type
}
</script>
<style scoped>
.topChoices {
	width: 393px;
	height: 50px;
	background-color: #ffffff;
	box-shadow: 0px 3px 6px 0px 
		rgba(0, 0, 0, 0.16);
	border-radius: 6px;
	opacity: 0.8;
}
.table{
    width: 100%;
}
</style>